<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="icon" type="image/png" href="images/splash/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="196x196" href="images/splash/apple-touch-icon-196x196.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/splash/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/splash/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/splash/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/splash/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/splash/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/splash/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/splash/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/splash/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/splash/apple-touch-icon-57x57.png">
<link rel="icon" type="image/png" href="images/splash/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/splash/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/splash/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="images/splash/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>

<title>Epsilon 5.0</title>

<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/framework.css" rel="stylesheet" type="text/css">
<link href="styles/font-awesome.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body>
    
<div class="gallery-fix"></div>         <!-- Fix Gallery next/prev error on Android -->
<div class="sidebar-tap-close"></div>   <!-- Overlay for content to close Sidebar -->
<div class="sidebar-left-fix"></div>    <!-- The actual background of the Sidebar -->
<div class="sidebar-right-fix"></div>   <!-- The actual background of the Sidebar -->

<div class="header-fixed">
    <a href="#" class="header-icon-1 open-left-sidebar"><i class="fa fa-navicon"></i></a>
    <a href="index.html" class="header-logo">PERSONAL</a>
    <a href="#" class="header-icon-2 open-right-sidebar"><i class="fa fa-envelope-o"></i></a>
</div>

    
<div class="sidebar-left">
    <div class="sidebar-scroll">
            <a href="#" class="sidebar-logo"></a>
            <div class="sidebar-decoration"></div>
            <div class="sidebar-menu">
                <a class="menu-item active-item" href="index.html"><!-- active-item -->
                    <i class="fa fa-home"></i>
                    主页
                    <i class="fa fa-circle"></i>
                </a>
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-cog"></i>
                        特性
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="features-typography.html">
                            <i class="fa fa-angle-right"></i>
                            排版
                            <i class="fa fa-circle"></i>  
                        </a>                              
                        <a class="menu-item" href="features-tabs.html">
                            <i class="fa fa-angle-right"></i>
                            选项卡
                            <i class="fa fa-circle"></i>                        
                        </a>
                        <a class="menu-item" href="features-toggles.html">
                            <i class="fa fa-angle-right"></i>
                            切换
                            <i class="fa fa-circle"></i>                        
                        </a>                           
                        <a class="menu-item" href="features-accordion.html">
                            <i class="fa fa-angle-right"></i>
                            评判
                            <i class="fa fa-circle"></i>                        
                        </a>    
                        <a class="menu-item" href="features-notifications.html">
                            <i class="fa fa-angle-right"></i>
                            通知
                            <i class="fa fa-circle"></i>                        
                        </a>                                               
                        <a class="menu-item" href="features-charts.html">
                            <i class="fa fa-angle-right"></i>
                            图表和数据
                            <i class="fa fa-circle"></i>                        
                        </a>
                        <a class="menu-item" href="features-buttons.html">
                            <i class="fa fa-angle-right"></i>
                            按钮和图标
                            <i class="fa fa-circle"></i>  
                        </a>                        
                        <a class="menu-item" href="features-others.html">
                            <i class="fa fa-angle-right"></i>
                            其他功能
                            <i class="fa fa-circle"></i>                        
                        </a>
                    </div>
                </div>          
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-camera"></i>
                        画廊
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="gallery-round.html">
                            <i class="fa fa-angle-right"></i>
                            圆角
                            <i class="fa fa-circle"></i>  
                        </a>                    
                        <a class="menu-item" href="gallery-square.html">
                            <i class="fa fa-angle-right"></i>
                            平方
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="gallery-adaptive.html">
                            <i class="fa fa-angle-right"></i>
                            自适应
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="gallery-masonry.html">
                            <i class="fa fa-angle-right"></i>
                            砌筑
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="gallery-filter.html">
                            <i class="fa fa-angle-right"></i>
                            滤过性
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                    </div>
                </div>          
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-image"></i>
                        投资组合
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="portfolio-one.html">
                            <i class="fa fa-angle-right"></i>
                            一项
                            <i class="fa fa-circle"></i>  
                        </a>                    
                        <a class="menu-item" href="portfolio-two.html">
                            <i class="fa fa-angle-right"></i>
                            两个项目
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="portfolio-filter.html">
                            <i class="fa fa-angle-right"></i>
                            滤过性
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="portfolio-adaptive.html">
                            <i class="fa fa-angle-right"></i>
                            自适应
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="portfolio-widescreen.html">
                            <i class="fa fa-angle-right"></i>
                            宽屏
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                    </div>
                </div>
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-file-o"></i>
                        页面
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="page-activity.html">
                            <i class="fa fa-angle-right"></i>
                            活动
                            <i class="fa fa-circle"></i>  
                        </a>                    
                        <a class="menu-item" href="page-error.html">
                            <i class="fa fa-angle-right"></i>
                            错误页面
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="page-soon.html">
                            <i class="fa fa-angle-right"></i>
                            快捷页面
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="page-profile.html">
                            <i class="fa fa-angle-right"></i>
                            个人信息页面
                            <i class="fa fa-circle"></i>                        
                        </a>     
                        <a class="menu-item" href="page-login.html">
                            <i class="fa fa-angle-right"></i>
                            登录页面
                            <i class="fa fa-circle"></i>                        
                        </a>
                        <a class="menu-item" href="page-signup.html">
                            <i class="fa fa-angle-right"></i>
                            注册页面
                            <i class="fa fa-circle"></i>                        
                        </a>                                                 
                        <a class="menu-item" href="page-userlist.html">
                            <i class="fa fa-angle-right"></i>
                            Userlist页面
                            <i class="fa fa-circle"></i>                        
                        </a>                              
                        <a class="menu-item" href="page-reviews.html">
                            <i class="fa fa-angle-right"></i>
                            用户评论
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                    </div>
                </div>             
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-mobile"></i>
                        应用程序页面
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="pageapp-chat.html">
                            <i class="fa fa-angle-right"></i>
                            聊天
                            <i class="fa fa-circle"></i>  
                        </a> 
                        <a class="menu-item" href="pageapp-login.html">
                            <i class="fa fa-angle-right"></i>
                            登录
                            <i class="fa fa-circle"></i>                        
                        </a>     
                        <a class="menu-item" href="pageapp-signup.html">
                            <i class="fa fa-angle-right"></i>
                            签约雇用
                            <i class="fa fa-circle"></i>                        
                        </a>       
                        <a class="menu-item" href="pageapp-calendar.html">
                            <i class="fa fa-angle-right"></i>
                            日程表
                            <i class="fa fa-circle"></i>                        
                        </a>  
                        <a class="menu-item" href="pageapp-timeline.html">
                            <i class="fa fa-angle-right"></i>
                            时间轴
                            <i class="fa fa-circle"></i>                        
                        </a>    
                        <a class="menu-item" href="pageapp-tasklist.html">
                            <i class="fa fa-angle-right"></i>
                            任务列表
                            <i class="fa fa-circle"></i>                        
                        </a>     
                        <a class="menu-item" href="pageapp-checklist.html">
                            <i class="fa fa-angle-right"></i>
                            备忘录
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="pageapp-reminders.html">
                            <i class="fa fa-angle-right"></i>
                            提醒
                            <i class="fa fa-circle"></i>                        
                        </a>                                                 
                        <a class="menu-item" href="pageapp-coverpage.html">
                            <i class="fa fa-angle-right"></i>
                            封面
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                                                                   
                    </div>
                </div>                  
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-shopping-cart"></i>
                        商店
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="store-front.html">
                            <i class="fa fa-angle-right"></i>
                            店面
                            <i class="fa fa-circle"></i>  
                        </a> 
                        <a class="menu-item" href="store-product-list.html">
                            <i class="fa fa-angle-right"></i>
                            产品列表
                            <i class="fa fa-circle"></i>  
                        </a>  
                        <a class="menu-item" href="store-product-page.html">
                            <i class="fa fa-angle-right"></i>
                            产品概述
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                         
                        <a class="menu-item" href="store-checkout.html">
                            <i class="fa fa-angle-right"></i>
                            付款通道
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="store-history.html">
                            <i class="fa fa-angle-right"></i>
                            购买历史
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                   
                    </div>
                </div>          
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-newspaper-o"></i>
                        新闻
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="news-front.html">
                            <i class="fa fa-angle-right"></i>
                            新世纪
                            <i class="fa fa-circle"></i>  
                        </a> 
                        <a class="menu-item" href="news-article.html">
                            <i class="fa fa-angle-right"></i>
                            纳米颗
                            <i class="fa fa-circle"></i>  
                        </a>  
                        <a class="menu-item" href="news-article-list.html">
                            <i class="fa fa-angle-right"></i>
                            新闻文章列表
                            <i class="fa fa-circle"></i>                        
                        </a>                             
                        <a class="menu-item" href="news-article-archive.html">
                            <i class="fa fa-angle-right"></i>
                            新闻文章归档
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                                                                
                    </div>
                </div>             
              
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-pencil"></i>
                    博客
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-blog.html">
                        <i class="fa fa-angle-right"></i>
                        博客页面
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="page-blog-post.html">
                        <i class="fa fa-angle-right"></i>
                        博客
                        <i class="fa fa-circle"></i>  
                    </a>                                                                                                                  
                </div>
            </div> 
            <a class="menu-item" href="page-videos.html">
                <i class="fa fa-youtube-play"></i>
                视频
                <i class="fa fa-circle"></i>
            </a>             
                <a class="menu-item" href="page-sitemap.html">
                    <i class="fa fa-navicon"></i>
                    网站地图
                    <i class="fa fa-circle"></i>
                </a>                         
                <a class="menu-item" href="contact.html">
                    <i class="fa fa-envelope-o"></i>
                    联系
                    <i class="fa fa-circle"></i>
                </a>               
                <a class="close-sidebar menu-item" href="#">
                    <i class="fa fa-times"></i>
                    关闭
                    <i class="color-red-dark fa fa-circle"></i>
                </a>                
            </div>
        
            <div class="sidebar-decoration"></div>
        
            <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
        
    </div>
</div>
      
<div class="sidebar-right">
    <div class="sidebar-scroll">

        <a href="#" class="sidebar-logo"></a>
        
        <div class="sidebar-divider">
            Let's get social
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-facebook"></i>
                脸谱网
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-twitter"></i>
                微博客
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-google-plus"></i>
                谷歌
                <i class="fa fa-circle"></i>                        
            </a>   
        </div>
        <div class="sidebar-divider">
            取得联系
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-phone"></i>
                打电话给我们
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-fax"></i>
                传真给我们
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-envelope-o"></i>
                Mail亿
                <i class="fa fa-circle"></i>                        
            </a>            
        </div>
        
        <div class="sidebar-divider">
            给我们留言
        </div>
        
        <div class="sidebar-form contact-form no-bottom">
            <div class="formSuccessMessageWrap" id="formSuccessMessageWrap">
                太棒了!我们会回复你的!
            </div>
            <form action="php/contact.php" method="post" class="contactForm" id="contactForm">
                <fieldset>
                    <div class="formValidationError" id="contactNameFieldError">名字是必需的!</div>
                    <div class="formValidationError" id="contactEmailFieldError">邮件地址需要!</div>
                    <div class="formValidationError" id="contactEmailFieldError2">邮件地址必须有效!</div>
                    <div class="formValidationError" id="contactMessageTextareaError">消息字段为空!</div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Name') this.value = ''" onblur="if (this.value=='') this.value = 'Name'" type="text" name="contactNameField" value="Name" class="contactField requiredField" id="contactNameField"/>
                    </div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Email') this.value = ''" onblur="if (this.value=='') this.value = 'Email'" type="text" name="contactEmailField" value="Email" class="contactField requiredField requiredEmailField" id="contactEmailField"/>
                    </div>
                    <div class="formTextareaWrap">
                        <textarea onfocus="if (this.value=='Message') this.value = ''" onblur="if (this.value=='') this.value = 'Message'" name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea">Message</textarea>
                    </div>
                    <div class="formSubmitButtonErrorsWrap">
                        <input type="submit" class="buttonWrap button button-green contactSubmitButton no-bottom" id="contactSubmitButton" value="SUBMIT" data-formId="contactForm"/>
                    </div>
                </fieldset>
            </form>       
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">2018年版权。保留所有权利</em>
        
    </div>
</div>

<div id="page-content"><!--Add sidebar-move to move with body-->
    <div id="page-content-scroll"><!--Enables this element to be scrolled -->
        <div class="header-mask">
            <a href="#"><i class="fa fa-times"></i></a>
            <a href="#"><i class="fa fa-bolt"></i></a>
            <a href="#"><i class="fa fa-times"></i></a>
            <div class="clear"></div>
        </div>
        
        <div class="content-fullscreen half-bottom">
            <div class="slider-wrapper">
                <a class="next-slide home-next" href="#"><i class="fa fa-angle-right"></i></a>
                <a class="prev-slide home-prev" href="#"><i class="fa fa-angle-left"></i></a>
                <div class="single-item homepage-slider">
                    <div>
                        <div class="slider-caption">
                            <h3>网状腰带</h3>
                            <p>它像闪电一样快!</p>
                        </div>
                        <img class="responsive-image" width="900" src="images/pictures/1.jpg" alt="img">
                    </div>
                    <div>
                        <div class="slider-caption">
                            <h3 class="center-text">3 d侧边栏</h3>
                            <p class="center-text">透视边栏很棒!</p>
                        </div>
                        <img class="responsive-image" width="900" src="images/pictures/2.jpg" alt="img">
                    </div>
                    <div>
                        <div class="slider-caption">
                            <h3 class="right-text">很棒的特性</h3>
                            <p class="right-text">设计来震动你的移动设备!</p>
                        </div>
                        <img class="responsive-image" width="900" src="images/pictures/3.jpg" alt="img">
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="content">
            <div class="container">
                <h2 class="center-text">欢迎来到私人博客</h2>
                <p class="center-text">
                    Bolt is designed to be fast, flexible, with powerful features and easy to customize elements. 
                    It's documented for everyone to use and love!
                </p>
            </div>
            
            <div class="decoration"></div>            

            <div class="container no-bottom">
                <div class="one-half-responsive">
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/1t.jpg" class="preload-image">
                        <strong>精英质量</strong>
                        螺栓被设计为快速，灵活，功能填充，易于定制。                    </p>
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/2t.jpg" class="preload-image">
                        <strong>简单的代码</strong>
                        工作、运行速度快、易于使用的代码。这就是我们构建项目的方式。
                    </p>  
                </div>
                <div class="one-half-responsive last-column">
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/9t.jpg" class="preload-image">
                        <strong>很棒的UI / UX </strong>
                        每一件东西都设计成只需一根手指就能工作。一个非常简单的UI
                    </p>
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/3t.jpg" class="preload-image">
                        <strong>帮助</strong>
                        我们在构建帮助文件时非常小心，但如果你需要我们，我们就在这里。
                    </p>
                </div>
            </div>
            
            <div class="decoration"></div>
            
            <div class="container">
                <h3 class="center-text no-bottom">移动页面专家</h3>
                <p class="center-text small-text half-bottom">我们是市场的领导者!</p>
                <p class="center-text">
                    拥有超过100个移动产品组合，我们倾听客户的意见，不断升级、更新、改进
                    并添加伟大的新功能!
                </p>
                <div class="one-half-responsive">
                    <img data-original="images/pictures/3.jpg" alt="img" class="preload-image responsive-image full-bottom">
                </div>
                <div class="one-half-responsive last-column">
                    <div class="one-half">
                        <ul class="font-icon-list larger-font no-bottom">
                            <li><i class="fa fa-user"></i>User List</li> 
                            <li><i class="fa fa-refresh"></i>Activity Feed</li> 
                            <li><i class="fa fa-calendar-o"></i>Calendar Page</li> 
                            <li><i class="fa fa-file-o"></i>Coverpage</li> 
                            <li><i class="fa fa-bold"></i>Typography</li> 
                            <li><i class="fa fa-flash"></i>jQuery</li> 
                            <li><i class="fa fa-home"></i>Landing Page</li> 
                            <li><i class="fa fa-exclamation"></i>404 Page</li> 
                            <li><i class="fa fa-clock-o"></i>Soon Page</li> 
                            <li><i class="fa fa-navicon"></i>Timeline Page</li> 
                            <li><i class="fa fa-file-o"></i>Coverpage</li> 
                            <li><i class="fa fa-lock"></i>Login Page</li> 
                        </ul>
                    </div>
                    <div class="one-half last-column no">
                        <ul class="font-icon-list larger-font no-bottom">
                            <li><i class="fa fa-power-off"></i> CSS3 Buttons</li> 
                            <li><i class="fa fa-comment-o"></i>Chat Bubbles</li> 
                            <li><i class="fa fa-apple"></i>OS Detection</li> 
                            <li><i class="fa fa-toggle-on"></i>OS Toggles</li> 
                            <li><i class="fa fa-share-alt"></i>Share Boxes</li> 
                            <li><i class="fa fa-pie-chart"></i>Charts & Pies</li> 
                            <li><i class="fa fa-warning"></i>Updates Page</li> 
                            <li><i class="fa fa-youtube-play"></i>Videos Page</li> 
                            <li><i class="fa fa-envelope-o"></i>Contact Page</li> 
                            <li><i class="fa fa-pencil"></i>Blog Template</li> 
                            <li><i class="fa fa-picture-o"></i>Portfolio Page</li> 
                            <li><i class="fa fa-camera no-bottom"></i>Gallery Page</li> 
                        </ul>
                    </div> 
                </div>
            </div>
            <div class="decoration"></div>
        </div>
        
        <div class="large-strip full-bottom">
            <div class="strip-content">
                <h1 class="center-text">Apps Compatible</h1>
                <p class="center-text">
                    Our items are coded using CSS3, HTML5 and the latest jQuery techniques, that makes them fully compatible 
                    with PhoneGap and Cordova! All you have to do is convert them, and you have yourself a full flegged app!
                </p>
                <a class="large-strip-button" href="#">Read More</a>
            </div>
            <div class="overlay"></div>
            <img class="strip-image preload-image" data-original="images/pictures/1.jpg" alt="img">
        </div>
        
        <div class="content">
            <div class="decoration"></div>
        
            <div class="container">
                <h3 class="center-text">Featured Products</h3>
                <p class="center-text">
                    We have a large variety of awesome products for you to choose from! Complex or simple, 
                    elegant or creative. You're choices are limitless!
                </p>
            </div>
            
            <div class="gallery square-thumbs">
                <a href="images/pictures/1.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/1t.jpg" alt="img"></a>                    
                <a href="images/pictures/2.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/2t.jpg" alt="img"></a>                    
                <a href="images/pictures/3.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/3t.jpg" alt="img"></a>                    
                <a href="images/pictures/4.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/4t.jpg" alt="img"></a>                    
                <a href="images/pictures/5.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/5t.jpg" alt="img"></a>                    
                <a href="images/pictures/6.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/6t.jpg" alt="img"></a>                    
                <a href="images/pictures/7.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/7t.jpg" alt="img"></a>                    
                <a href="images/pictures/8.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/8t.jpg" alt="img"></a>                    
                <a href="images/pictures/1.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/9t.jpg" alt="img"></a>                    
                <a href="images/pictures/2.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/2t.jpg" alt="img"></a>                    
                <a href="images/pictures/3.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/3t.jpg" alt="img"></a>                    
                <a href="images/pictures/4.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/4t.jpg" alt="img"></a>                    
            </div> 
                
            <div class="decoration"></div>
            
            <div class="container no-bottom">         
                <h3 class="center-text">Meet the Staff</h3>
                <p class="center-text">
                    We have a dedicated staff right here for you, to help you out with all you may need!
                </p>
                <div class="slider-wrapper">
                    <div class="staff-slider double-item">
                        <div>
                            <div class="staff-images">
                                <img src="images/pictures/1t.jpg" alt="img">
                                <img src="images/pictures/2t.jpg" alt="img">
                                <img src="images/pictures/3t.jpg" alt="img">
                            </div>
                            <h2>Enabled</h2>
                            <h5 class="color-red-dark">CEO</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover bg-red-dark"><i class="fa fa-link"></i></a>
                            </div>
                        </div>                     
                        <div>
                            <div class="staff-images">
                                <img src="images/pictures/6t.jpg" alt="img">
                                <img src="images/pictures/5t.jpg" alt="img">
                                <img src="images/pictures/4t.jpg" alt="img">
                            </div>
                            <h2>Gombo</h2>
                            <h5 class="color-orange-dark">Support Manager</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover bg-red-dark"><i class="fa fa-link"></i></a>
                            </div>
                        </div>   
                        <div>
                            <div class="staff-image">
                                <img src="images/pictures/2t.jpg" alt="img">
                            </div>
                            <h2>Johnatan Doe</h2>
                            <h5 class="color-blue-dark">Public Relations</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                            </div>
                        </div>                    
                        <div>
                            <div class="staff-image">
                                <img src="images/pictures/3t.jpg" alt="img">
                            </div>
                            <h2>Alex Janeson</h2>
                            <h5 class="color-green-dark">Back End Developer</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="decoration"></div>
        </div>
        
        <div class="large-strip full-bottom">
            <div class="strip-content">     
                <div class="slider-wrapper">
                    <div class="quote-slider single-item">
                        <div>
                            <p>This is an extremely well documented theme, works right out of the box and the developer has a great attitude. Very thankful he shares his skills so we can look good!</p>
                            <em class="quote-author">Envato Buyer</em>
                            <strong class="quote-stars">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </strong>
                        </div>                    
                        <div>
                            <p>After having purchased over 300 items from TF, this is my first time leaving a review. Design quality, code quality and product support are all A+. Can't ask for more.</p>
                            <em class="quote-author">Envato Buyer</em>
                            <strong class="quote-stars">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </strong>
                        </div>                    
                        <div>
                            <p>I am very happy with the quality of the coding, the template is great and easy to work with. I am even more impressed with customer support. It has been timely and helpful!</p>
                            <em class="quote-author">Envato Buyer</em>
                            <strong class="quote-stars">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </strong>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="overlay"></div>
            <img class="strip-image preload-image" data-original="images/pictures/3.jpg" alt="img">
        </div>  
        
        <div class="content">
            <div class="decoration"></div>
        </div>        
        
        <div class="footer">
            <div class="footer-content">
                <h3 class="footer-logo">BOLT</h3>
                <p class="footer-text">
                    We aim to simplify your life by creating a beautiful and simple product that's feature rich and easy to use!
                </p>
            </div>
            <div class="footer-socials">
                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                <a href="#" class="scale-hover google-color"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                <a href="#" class="scale-hover bg-night-dark back-to-top"><i class="fa fa-angle-up"></i></a>
                <div class="clear"></div>
            </div>
            <div class="footer-decoration"></div>
            <p class="footer-strip">Copyright <span id="copyright-year"></span> Enabled. All Rights Reserved</p>
        </div>
    </div>
    <a href="#" class="back-to-top-badge"><i class="fa fa-caret-up"></i>Back to top</a>
</div>



<div class="body-background"></div>
</body>










